@layout("/common.html",{css:["/assets/css/detail.css"]}){

        <div class="body">
            <div class="content">
                <div class="detail-card">
                    <div class="info-card saasAppInfoCard">
                        <div class="header-img-player head-img-player" style="background-color:#FFF">
                            <img style="transform: scale(0.8);" src="${data.pic}" alt="${data.name}" class="inner">
                        </div>
                        <div class="info-box">
                            <div class="info-box__head-line">
                                ${data.name}
                                <span class="popover__box popover__box_hide">
                                    <!---->
                                    <span class="popover_target">
                                        <a href="javascript:;">
                                            <div class="head-btn">
                                                联系客服
                                                <div class="customer-icon"></div>
                                            </div>
                                        </a>
                                    </span>
                                </span>
                            </div>
                            <div class="info-box__feature">
                                <div class="info-box__feature-item">
                                    <div class="contentStr">${data.ms}</div>
                                </div>
                                <!-- <div class="info-box__feature-item">
                                    <div class="title">发布</div>
                                    <div class="contentStr">12312321213123123131</div>
                                </div> -->
                                <div class="info-box__feature-item" style="margin-top:60px;">
                                    <div class="title">流程</div>
                                </div>
                                <div style="display:flex;align-items: center;justify-content: space-between;margin-top:20px;width:80%;">
                                	<div style="text-align:center;">
                                		<div style="font-size:12px;">上传需求资料</div>	
                                		<div style="font-size:24px;color:#28cb5c;">1</div>
                                	</div>
                                	<div style="width:50px;border-top: 2px #28cb5c dashed;"></div>
                                	<div style="text-align:center;">
                                		<div style="font-size:12px;">等待报价</div>
                                		<div style="font-size:24px;color:#28cb5c;">2</div>
                                	</div>
                                	<div style="width:50px;border-top: 2px #28cb5c dashed;"></div>
                                	<div style="text-align:center;">
                                		<div style="font-size:12px;">缴纳费用</div>	
                                		<div style="font-size:24px;color:#28cb5c;">3</div>
                                	</div>
                                	<div style="width:50px;border-top: 2px #28cb5c dashed;"></div>
                                	<div style="text-align:center;">
                                		<div style="font-size:12px;">开始制作</div>
                                		<div style="font-size:24px;color:#28cb5c;">4</div>	
                                	</div>
                                	<div style="width:50px;border-top: 2px #28cb5c dashed;"></div>
                                	<div style="text-align:center;">
                                		<div style="font-size:12px;">结果下载</div>
                                		<div style="font-size:24px;color:#28cb5c;">5</div>	
                                	</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="comboPrice" class="detail-card" style="display: block;">
                    <div class="card-head">在线提交
                        <!---->
                    </div>
                    <div>
                        <div class="combo-card" detail="123213">
                            <div class="info-area">
                                <div class="info-area__title-line2">
                                    <div class="title">${data.name}</div>
                                </div>
                                <div class="info-area__tip-line">
                                    <div style="font-size: 15px;">
                                        ${data.ms}
                                    </div>
                                </div>
                            </div>
                            <div class="btn-area">
                            @var islogin = shiro.hasLogin();
		                        @if(!islogin) {
		                        	<a id="loginBtn" href="javascript:;">
	                                    <div class="main-btn">
	                                        提交
	                                    </div>
	                                </a>
		                        @}
		                        @if(islogin) {
		                        	<a href="/genorder/${data.id}.html">
	                                    <div class="main-btn">
	                                        提交
	                                    </div>
	                                </a>
		                        @}
                            </div>
                        </div>
                    </div>
                </div>

                <div id="serviceDetail" class="detail-card">
                    <div class="card-head">服务详情</div>
                    <div>
                        <div class="base-info__area">
                            <div class="document__content">
                                <!---->
                            </div>
                            <!---->
                            <div class="base-info__content post_content" style="border-top: none;">
                                <div class="base-info__fold-wrp">
                                    <div class="base-info__content-inner"></div>
                                    <div class="base-info__content-inner" style="display: flex; flex-wrap: wrap;">
                                    	${data.detail}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    	<script src="${ctxPath}/assets/js/order.js"></script>
@}